<!-- 网站首页(未登录状态)-->
<!--实现箭头动态显示-->

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title>华南理工大学人才交流市场</title>
</head>
<body>
<script src="../js/main/jquery.js"></script>
<script src="../js/etc.js"></script>
<script src="../js/main/index.js"></script>
<script src="../js/search/search.js"></script>
<link href="../css/main/base.css"  rel="stylesheet"/>
<link href="../css/base.css"  rel="stylesheet"/>
<link rel="stylesheet"  href="../css/materialize.css">
<link rel="stylesheet"  href="../css/main/index.css">
<link rel="stylesheet"  href="../css/main/navigation.css">
<link rel="stylesheet"  href="../css/main/search.css">
<link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">
<div class="header comWidth">
    <div class="topBar">
        <div class="comWidth">
            <div class="header fl">
                <a href="test/information.html" target="_blank" style="padding-left: 7px">关于基地</a>
            </div>
            <div class="header fr">
                <a class="mainBtn" href="role/login.html" target="_blank">登录</a>

                <span class="line">|</span>
                <a class="mainBtn" href="role/register.html" target="_blank">注册</a>
            </div>
        </div>
    </div>
</div>

<nav class="white lighten-5 comWidth">
    <div class="nav-wrapper">
        <ul class="left">
            <li><a class="toIndexLink"><img id="logo" src="../res/imgs/materialize.svg"/></a></li>
            <li><a class="toIndexLink"><p class="logo-name">华南理工大学<br/>人才交流平台
                <p></a></li>
            <li><a class="toIndexLink" id="indexBtn">首页</a></li>
           <li><a href="../team/roles_team.html" id="teamBtn">团队</a></li>
        </ul>

        <div class="input-field right search-bar" id="searchDiv">
            <input id="search" type="search" placeholder="Click to search" required>
            <label for="search"><i class="material-icons">search</i></label>
            <i class="material-icons">close</i>
        </div>
    </div>
</nav>

<div id="indexDiv" class="comWidth">
    <div class="banner comWidth z-depth">
        <div class="mediumBox">
            <table class="rolesTable">
                <th colspan="3">为实现学生价值提供更好的服务</th>
                <tr>
                    <td>

                        <a class="roles" href="#"  id="studentRole">学生</a>
                    </td>
                    <td>

                        <a class="roles" href="#"  id="teamRole">团队</a>
                    </td>
                    <td>

                        <a class="roles" href="#"  id="projectRole">项目</a>
                    </td>
                </tr>
                <tr>
                    <td>

                        <a class="roles" href="#"  id="praticeRole">实习</a>
                    </td>
                    <td>

                        <a class="roles" href="#"  id="companyRole">公司</a>
                    </td>
                    <td>

                        <a class="roles" href="#"  id="schoolRole">校组织</a>
                    </td>
                </tr>
            </table>
        </div>

    </div>
    <div class="bannerBar comWidth  z-depth bannerBig ">
        <button class="preBtn "><i class="large material-icons arrowBtn">chevron_left</i></button>
        <div class="imgBox">
            <ul class="imgList fl">
                <li><a href="" target="_blank"><img src="" alt="1"></a></li>
                <li><a href="" target="_blank"><img src="" alt="2"></a></li>
                <li><a href="" target="_blank"><img src="" alt="3"></a></li>

            </ul>
        </div>
        <button class="nextBtn "><i class="large material-icons arrowBtn">chevron_right</i></button>
    </div>
    <div class="bannerBar comWidth hotTeam z-depth">
        <div class="hotTeamTopic">
            <span class="decoration decoLeft"><hr/></span>
            <span class="topic">热门团队</span>
            <span class="decoration decoRight"><hr/></span>
        </div>
        <button class="preBtnOfTeams "><i class="large material-icons arrowBtn">chevron_left</i></button>
        <div class="hotTeams">
            <ul class="teamList">
                <li>
                    <a  target="_blank"><img src="">
                        <div class="desc">团队名称</div>
                        <span></span></a>
                </li>
                <li>
                    <a  target="_blank"><img src="">
                        <div class="desc">团队名称</div>
                        <span></span></a>
                </li>
                <li>
                    <a  target="_blank"><img src="">
                        <div class="desc">团队名称</div>
                        <span></span></a>
                </li>
            </ul>
        </div>

        <button class="nextBtnOfTeams "><i class="large material-icons arrowBtn">chevron_right</i></button>
    </div>
    <div class="bannerBar comWidth hotProject z-depth">
        <div class="hotProjectTopic">
            <span class="decoration decoLeft"><hr/></span>
            <span class="topic">热门项目</span>
            <span class="decoration decoRight"><hr/></span>
        </div>
        <button class="preBtnOfProject "><i class="large material-icons arrowBtn">chevron_left</i></button>
        <div class="hotProjects">
            <ul class="projectList">
                <li>
                    <a  target="_blank"><img >
                        <div class="desc">项目名称</div>
                        <span></span></a>
                </li>
                <li>
                    <a  target="_blank"><img >
                        <div class="desc">项目名称</div>
                        <span></span></a>
                </li>
                <li>
                    <a  target="_blank"><img src="">
                        <div class="desc">项目名称</div>
                        <span></span></a>
                </li>

            </ul>
        </div>
        <button class="nextBtnOfProject "><i class="large material-icons arrowBtn">chevron_right</i></button>
    </div>
</div>
<script src="../js/main/navigation.js"></script>
</body>
</html>